@import '../variables.scss';
@import '../tools/color.scss';
@import '../tools/font.scss';

//常用颜色
@include setColor('white', #FFFFFF);
@include setColor('green', $green);
@include setColor('warn', $colorWarn);
@include setColor('gray', $textInfo);
@include setColor('gray2', $textInfo2);
@include setColor('gray3', $textInfo3);

@include setBgColor('transparent', transparent);
@include setBgColor('light', $bgColorLight);
@include setBgColor('gray', $bgColorGray);
@include setBgColor('deep', $bgColorDeep);


//常用字体
@include setFontSize(14);
@include setFontSize(16);
@include setFontSize(18);
@include setFontSize(20);
@include setFontSize(22);
@include setFontSize(24);
@include setFontSize(36);
@include setFontSize(48);
@include setFontSize(60);
@include setFontSize(72);
@include setFontSize(126);
@include setLineHeight(12);
@include setLineHeight(14);
@include setLineHeight(16);
@include setLineHeight(18);
@include setLineHeight(20);

.sc-text {
    color: $text !important;
}

.sc-text-light {
    font-size: 16px;
    line-height: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: $lightText !important;
    white-space: normal;
    word-break: normal;
}

.sc-text-info {
    line-height: 16px;
    color: $textInfo !important;
    white-space: normal;
    word-break: normal;
}

.sc-text-info2 {
    line-height: 16px;
    color: $textInfo2 !important;
    white-space: normal;
    word-break: normal;
}

.sc-text-info3 {
    line-height: 16px;
    color: $textInfo3 !important;
    white-space: normal;
    word-break: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sc-ts {
    text-shadow: 2px 2px 5px #000;
}

//不换行
.sc-nowrap {
    white-space: nowrap;
}

.sc-text-center {
    text-align: center;
}